<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backHandle($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            <!--{{castInfo.subject?castInfo.subject:'直播'}}-->
            {{'直播'}}
        </ion-title>
        <ion-buttons end>
            <button class="cast-share-button" ion-button icon-only adpmenutoggle
                    (click)="showShareMenu = !showShareMenu">
                分享
            </button>
            <button class="cast-share-button" ion-button icon-only adpmenutoggle
                    (click)="favoriteClicked()" [ngClass]="{'favorited':isFavorited}">
                {{isFavorited ? '已收藏':'收藏'}}
            </button>

        </ion-buttons>
    </ion-toolbar>

</ion-header>

<ion-content>
    <!--
    <div class="webcast-container">
    </div>
    -->

    <input type="text" title="" id="inputFocus">

    <iframe class="webcast-container">
    </iframe>
    <!--
    <div class="webcast-content">
        <div class="tool">
            <div class="item"
                 (click)="toolChanged(i)"
                 [ngClass]="{'current':i.isCurrent}" *ngFor="let i of toolItems">
                {{i.title}}
            </div>
        </div>
        <div class="page-container" [ngStyle]="pageContainerSubStyle">

            <div [ngClass]="{'current':tabs.information.isCurrent}" [ngStyle]="pageSubStyle">
                <div class="file-demo">

                </div>
            </div>

            <div [ngClass]="{'current':tabs.introduce.isCurrent}" [ngStyle]="pageSubStyle">
                <div class="favorite-row">
                    <div class="title">
                        {{castTitle}}
                    </div>
                    <div [ngClass]="{'button': !isFavorited, 'button-favorite': isFavorited}" (click)="favoriteClicked()">
                        <div class="icon"></div>
                        <div *ngIf="!isFavorited">
                            收藏
                        </div>
                        <div *ngIf="isFavorited">
                            已收藏
                        </div>
                    </div>
                </div>

                <div class="favorite-row webcast-time">
                    <div class="title">
                        直播时间
                    </div>
                    <div class="content">
                        {{castInfo.webcastStartTimeStr}}
                    </div>
                </div>

                <div class="favorite-row webcast-time content-abstract">
                    <div class="title">
                        内容简介
                    </div>
                    <div class="content" [innerHTML]="castInfo.introduction">
                    </div>
                </div>
            </div>

            <div [ngClass]="{'current':tabs.command.isCurrent}" [ngStyle]="pageSubStyle">

                <div class="favorite-row command" *ngFor="let item of commentItemes">
                    <div>{{item.user_name}}：</div>
                    <div [innerHTML]="item.content"></div>
                </div>

            </div>

        </div>
    </div>

    <div class="input-wrapper" [ngStyle]="inputWrapperStyle">

        <div class="input-webcast-text-comment" (click)="inputLikeClick($event)">
            说点什么......
        </div>

    </div>

    <div class="comment-inputing-wrapper" [ngClass]="{'show':inputingComment}">

        <div class="comment-list-wrapper" [ngStyle]="commentListWrapperStyle">
            <div class="favorite-row command" *ngFor="let item of commentItemes">
                <div>{{item.user_name}}：</div>
                <div [innerHTML]="item.content"></div>
            </div>
        </div>

        <div class="inputing-container">
            <input class="input-webcast-text-comment" type="text" [(ngModel)]="commentText"
                   maxlength="30" placeholder="说点什么......"
                   (click)="inputLikeClick($event)"
                   (keyup.Enter)="comment($event)"/>
            <button ion-button (click)="comment({keyCode:13})">
                发送
            </button>
            <div class="return" (click)="inputingRuturnClick($event)">
                返回
            </div>
        </div>
    </div>
    -->
</ion-content>


<div class="share-menu" (click)="showShareMenu = false" [ngClass]="{'is-show':showShareMenu}">
    <div class="tools">
        <div class="share-friend">
            <div class="inner" (click)="shareOut(0)">
                <div class="icon"></div>
                <div>
                    分享给朋友
                </div>
            </div>
        </div>
        <div class="share-moment">
            <div class="inner" (click)="shareOut(1)">
                <div class="icon"></div>
                <div>
                    分享到朋友圈
                </div>
            </div>
        </div>
    </div>
</div>


